<template>
	<view class="info_warp">
		<view class="form_box">
			<view class="address-list">
			
				<view class="a-address">
					<view class="left-text">
						<view class="accept_name">张大彪 <u-tag text="默认地址" size="mini" type="warning"/></view>
						<view class="name-tel">19970861797</view>
						<view class="address-box">深圳市南山区前海花园368号</view>
					</view>
					<navigator :url="'/pages/user/address_edit?id=1'">
						<u-icon name="edit-pen" size="50" margin-right="10"></u-icon>
					</navigator>
					<u-icon name="close" @click="deladdress()" size="42" style="margin-left: 20rpx;"></u-icon>
					<u-icon name="checkbox-mark" @click="selectaddress()" size="42" style="margin-left: 20rpx;"></u-icon>
				</view>
				<view class="a-address">
					<view class="left-text">
						<view class="accept_name">张大彪</view>
						<view class="name-tel">19970861797</view>
						<view class="address-box">深圳市南山区前海花园368号</view>
					</view>
					<navigator :url="'/pages/user/address_edit?id=1'">
						<u-icon name="edit-pen" size="50" margin-right="10"></u-icon>
					</navigator>
					<u-icon name="close" @click="deladdress()" size="42" style="margin-left: 20rpx;"></u-icon>
				</view>
				
				<navigator class="bottom_box" url="/pages/user/address_edit">新增收货地址</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background: #f1f1f1;
	}
	.address-list {
		width:100%;
		
		.a-address {
			width:100%;
			display:flex;
			justify-content:space-between;
			align-items:center;
			padding:30rpx;
			border-bottom:1rpx solid #eee;
			
			.left-text {
				width:100%;
				
				.accept_name {
					font-size:34rpx;
					padding-bottom:8rpx;
					font-weight:bold;
					color: #ffa911;
					
					.u-tag {
						margin-left: 14rpx;
					}
				}
				.name-tel {
					font-size:34rpx;
					padding-bottom:8rpx;
					color:#666666;
				}
				.address-box {
					font-size:28rpx;
					line-height:36rpx;
					color:#666666;
				}
			}
		}
		.bottom_box {
			font-size:32rpx;
			background: #35c877;
			color:#ffffff; 
			text-align:center;
			line-height:90rpx;
			height:90rpx;
			border-radius: 100rpx;
			margin: 28rpx;
		}
	}
</style>
